<template>
    <TechPopup class="address-detail" v-model="showAddress" position="bottom" @close="close">
        <CellGroup>
            <Cell class="address-item add" title="请添加配送地址" is-link icon="add"></Cell>
        </CellGroup>
        <CellGroup class="address-list">
            <Cell class="address-item" v-for="item in addressList" :title="`${item.name} ${item.phone}`" :key="item.name" :label="item.address" icon="location" is-link />
        </CellGroup>
    </TechPopup>
</template>

<script>
import { CellGroup, Cell } from 'vant';
import { TechPopup } from '@components/base';
export default {
    name: 'ChooseAddress',
    components: {
        TechPopup,
        CellGroup,
        Cell,
    },
    computed: {},
    props: {},
    data() {
        return {
            showAddress: false,
        };
    },
    methods: {
        show() {
            this.showAddress = true;
        },
        close() {
            this.showAddress = false;
        },
    },
};
</script>

<style lang="less">

</style>

